<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Douliusuo
  Date: 2022/4/29
  Time: 8:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>Title</title>
    <%--     引入bootsrap 本地css 和 js文件--%>
        <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
        <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    </head>
    <body>
        <%--<table class="table-danger">--%>
        <%--    <thead>--%>
        <%--    <th>员工编号</th>--%>
        <%--    <th>员工姓名</th>--%>
        <%--    <th>员工职位</th>--%>
        <%--    <th>员工上司</th>--%>
        <%--    <th>员工薪水</th>--%>
        <%--    <th>就职时间</th>--%>
        <%--    <th>年终奖金</th>--%>
        <%--    <th>所在部门</th>--%>
        <%--    </thead>--%>
        <%--    <tbody>--%>
        <%--    <c:forEach items="${allEmp}" var="emp">--%>
        <%--        <tr class="table-primary">--%>
        <%--            <td class="table-primary">${emp.empno}</td>--%>
        <%--            <td class="table-secondary">${emp.ename}</td>--%>
        <%--            <td class="table-success">${emp.job}</td>--%>
        <%--            <td class="table-danger">${emp.dept.deptMgr}</td>--%>
        <%--            <td class="table-warning">${emp.sal}</td>--%>
        <%--            <td class="table-warning">${emp.hiredate}</td>--%>
        <%--            <td class="table-warning">${emp.comm}</td>--%>
        <%--            <td class="table-warning">${emp.dept.deptName}</td>--%>
        <%--        </tr>--%>
        <%--    </c:forEach>--%>
        <%--    </tbody>--%>
        <%--</table>--%>
        <table class="table">
            <thead class="thead-inverse">
            <tr>
                <th>员工编号</th>
                <th>员工姓名</th>
                <th>员工职位</th>
                <th>员工上司</th>
                <th>员工薪水</th>
                <th>就职时间</th>
                <th>年终奖金</th>
                <th>所在部门</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach items="${allEmp}" var="emp">
                <tr class="table-primary">
                    <td class="table-primary">${emp.empno}</td>
                    <td class="table-secondary">${emp.ename}</td>
                    <td class="table-success">${emp.job}</td>
                    <td class="table-danger">${emp.dept.deptMgr}</td>
                    <td class="table-warning">${emp.sal}</td>
                    <td class="table-warning">${emp.hiredate}</td>
                    <td class="table-warning">${emp.comm}</td>
                    <td class="table-warning">${emp.dept.deptName}</td>
                </tr>
            </c:forEach>
            </tbody>
        </table>
    </body>
</html>
